<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>视频分享</title>
    <meta name="keywords" content="share"/>
    <meta name="description" content="视频分享，视频，分享"/>
    <meta name="format-detection" content="telephone=no"/>
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script>
    <!-- weUI.css -->
    <link href="css/weui.min.css" rel="stylesheet"/>
    <!-- jQ-weUI.css -->
    <link href="css/jquery-weui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/iconfont/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/videoShare.css">
</head>
<body>
    <div class="content">
        <div class="video">
            <div class="cover">
                <img src="image/img04.jpg" alt="">
            </div>
            <div class="control">
                <img src="image/control.png" alt="">
            </div>
            <video class="myVideo" controls autoplay x-webkit-airplay="true" webkit-playsinline playsinline>
                <source src="http://gslb.miaopai.com/stream/KbinbRV9y1oMrpmDw8OCqNeuFBuTvwGW.mp4?ssig=c6b6cd0a8370856fd8fcc0271c0ea638&time_stamp=1499143885643&cookie_id=595b0f8e60498&vend=1&os=3&partner=1&platform=2&cookie_id=&refer=miaopai&scid=KbinbRV9y1oMrpmDw8OCqNeuFBuTvwGW"  type="video/mp4" />
                <source src="http://gslb.miaopai.com/stream/KbinbRV9y1oMrpmDw8OCqNeuFBuTvwGW.mp4?ssig=c6b6cd0a8370856fd8fcc0271c0ea638&time_stamp=1499143885643&cookie_id=595b0f8e60498&vend=1&os=3&partner=1&platform=2&cookie_id=&refer=miaopai&scid=KbinbRV9y1oMrpmDw8OCqNeuFBuTvwGW"  type="video/ogg" />
                <object  type="application/x-shockwave-flash" data="__FLASH__.SWF">
                    <param name="movie" value="__FLASH__.SWF" />
                    <param name="flashvars" value="autostart=true&amp;controlbar=over&amp;image=__POSTER__.JPG&amp;file=__VIDEO__.MP4" />
                    <img src="image/img04.jpg" alt="__TITLE__"
                        title="No video playback capabilities, please download the video below" />
                </object>
            </video>
        </div>
        <div class="like">
            <div class="likeCount">
                <p class="fr"><i class="icon iconfont icon-zan"></i><span class="num">99+</span></p>
            </div>
            <div class="line"></div>
            <div class="likeList">
                <ul>
                    <li><img src="image/headerImg02.png" alt=""></li>
                    <li><img src="image/headerImg02.png" alt=""></li>
                    <li><img src="image/headerImg02.png" alt=""></li>
                    <li><img src="image/headerImg02.png" alt=""></li>
                    <li><img src="image/headerImg02.png" alt=""></li>
                    <li><img src="image/headerImg02.png" alt=""></li>
                    <li><img src="image/headerImg02.png" alt=""></li>
                    <li><img src="image/headerImg02.png" alt=""></li>
                    <li><img src="image/headerImg02.png" alt=""></li>
                    <li><img src="image/headerImg02.png" alt=""></li>
                    <li class="shenglve"><i class="icon iconfont icon-shenglve"></i></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="comment">
        <div class="weui-flex">
            <div class="weui-flex__item headerImg">
                <img src="image/headerImg01.png" alt="">
            </div>
            <div class="commentInfo">
                <div class="user">
                    <p class="fl nickName">用户昵称</p>
                    <p class="fr like"><i class="icon iconfont icon-zan"></i><span>赞</span></p>
                </div>
                <div class="content">
                    <p>12312313123</p>
                </div>
                <div class="time">
                    <p>20分钟前<a href="javascript:void(0);"> ▪回复</a></p>
                </div>
            </div>
        </div>
        <div class="weui-flex">
            <div class="weui-flex__item headerImg">
                <img src="image/headerImg01.png" alt="">
            </div>
            <div class="commentInfo">
                <div class="user">
                    <p class="fl nickName">用户昵称</p>
                    <p class="fr like"><i class="icon iconfont icon-zan"></i><span>赞</span></p>
                </div>
                <div class="content">
                    <p>12312313123</p>
                </div>
                <div class="time">
                    <p>20分钟前<a href="javascript:void(0);"> ▪回复</a></p>
                </div>
            </div>
        </div>
        <div class="weui-flex">
            <div class="weui-flex__item headerImg">
                <img src="image/headerImg01.png" alt="">
            </div>
            <div class="commentInfo">
                <div class="user">
                    <p class="fl nickName">用户昵称</p>
                    <p class="fr like"><i class="icon iconfont icon-zan"></i><span>赞</span></p>
                </div>
                <div class="content">
                    <p>12312313123</p>
                </div>
                <div class="time">
                    <p>20分钟前<a href="javascript:void(0);"> ▪回复</a></p>
                </div>
            </div>
        </div>
        <div class="weui-flex">
            <div class="weui-flex__item headerImg">
                <img src="image/headerImg01.png" alt="">
            </div>
            <div class="commentInfo">
                <div class="user">
                    <p class="fl nickName">用户昵称</p>
                    <p class="fr like"><i class="icon iconfont icon-zan"></i><span>赞</span></p>
                </div>
                <div class="content">
                    <p>12312313123</p>
                </div>
                <div class="time">
                    <p>20分钟前<a href="javascript:void(0);"> ▪回复</a></p>
                </div>
            </div>
        </div>
        <div class="weui-flex">
            <div class="weui-flex__item headerImg">
                <img src="image/headerImg01.png" alt="">
            </div>
            <div class="commentInfo">
                <div class="user">
                    <p class="fl nickName">用户昵称</p>
                    <p class="fr like"><i class="icon iconfont icon-zan"></i><span>赞</span></p>
                </div>
                <div class="content">
                    <p>12312313123</p>
                </div>
                <div class="time">
                    <p>20分钟前<a href="javascript:void(0);"> ▪回复</a></p>
                </div>
            </div>
        </div>
        <div class="weui-flex">
            <div class="weui-flex__item headerImg">
                <img src="image/headerImg01.png" alt="">
            </div>
            <div class="commentInfo">
                <div class="user">
                    <p class="fl nickName">用户昵称</p>
                    <p class="fr like"><i class="icon iconfont icon-zan"></i><span>赞</span></p>
                </div>
                <div class="content">
                    <p>12312313123</p>
                </div>
                <div class="time">
                    <p>20分钟前<a href="javascript:void(0);"> ▪回复</a></p>
                </div>
            </div>
        </div>
        <div class="weui-flex">
            <div class="weui-flex__item headerImg">
                <img src="image/headerImg01.png" alt="">
            </div>
            <div class="commentInfo">
                <div class="user">
                    <p class="fl nickName">用户昵称</p>
                    <p class="fr like"><i class="icon iconfont icon-zan"></i><span>赞</span></p>
                </div>
                <div class="content">
                    <p>12312313123</p>
                </div>
                <div class="time">
                    <p>20分钟前<a href="javascript:void(0);"> ▪回复</a></p>
                </div>
            </div>
        </div>
        <div class="weui-flex">
            <div class="weui-flex__item headerImg">
                <img src="image/headerImg01.png" alt="">
            </div>
            <div class="commentInfo">
                <div class="user">
                    <p class="fl nickName">用户昵称</p>
                    <p class="fr like"><i class="icon iconfont icon-zan"></i><span>赞</span></p>
                </div>
                <div class="content">
                    <p>12312313123</p>
                </div>
                <div class="time">
                    <p>20分钟前<a href="javascript:void(0);"> ▪回复</a></p>
                </div>
            </div>
        </div>
    </div>

    <!--底部-->
    <div class="bottom">

    </div>
    <script id="commentTemp" type="text/html">
        <div class="commentBody">
            <div class="weui-flex commentEditor">
                <div class="headerImg"><img src="image/headerImg03.png" alt=""></div>
                <div class="weui-flex__item">
                    <p><span>用户昵称01</span></p>
                    <p class="time">10分钟前</p>
                </div>
                <div class="likeInfo">
                    <span><i class="icon iconfont icon-zan"></i></span><span>likeNum</span><span><i class="icon iconfont icon-tubiao15"></i></span>
                </div>
            </div>
            <div class="commentContent">
                <p>content1</p>
                <div class="commentImg">
                    <img src="defaultImg" alt="">
                </div>
                <div class="reply" style="height: 115px;">回复</div>
            </div>
        </div>
    </script>
	<script src="js/lib/jquery-2.0.3.min.js"></script>
	<script src="js/lib/fastclick.js"></script>
	<script src="js/lib/jquery-weui.min.js"></script>
    <script src="js/videoShare.js"></script>
</body>
</html>